import QtQuick 2.0

// 用于处理不规则的Rectangle

Item {

    id: root
    property color  color;

    // 不想写了……嗯，不规则矩形不允许有border

//    // 边框
//    property string  border_color: "transparnet"
//    property string  border_top_color:    ""
//    property string  border_bottom_color: ""
//    property string  border_left_color:   ""
//    property string  border_right_color:  ""

//    // 粗细
//    property real   border_width: 0
//    property real   border_top_width:    -1
//    property real   border_bottom_width: -1
//    property real   border_left_width:   -1
//    property real   border_right_width:  -1

    // 圆角
    property real   radius: 0
    property real   radius_lt: -1       // 左上
    property real   radius_rt: -1       // 右上
    property real   radius_lb: -1       // 左下
    property real   radius_rb: -1       // 右下


    property real r_lt: radius_lt >= 0 ? radius_lt : radius
    property real r_rt: radius_rt >= 0 ? radius_rt : radius
    property real r_lb: radius_lb >= 0 ? radius_lb : radius
    property real r_rb: radius_rb >= 0 ? radius_rb : radius

//    property color bc_t: border_top_color    === "" ? border_color : border_top_color
//    property color bc_b: border_bottom_color === "" ? border_color : border_bottom_color
//    property color bc_l: border_left_color   === "" ? border_color : border_left_color
//    property color bc_r: border_right_color  === "" ? border_color : border_right_color

//    property color bw_t: border_top_width    === "" ? border_width : border_top_width
//    property color bw_b: border_bottom_width === "" ? border_width : border_bottom_width
//    property color bw_l: border_left_width   === "" ? border_width : border_left_width
//    property color bw_r: border_right_width  === "" ? border_width : border_right_width


    // 左上圆角
    Rectangle{
        height: r_lt*2; width: r_lt*2
        radius: r_lt
//        border.color: border_top_color
//        border.width: border_top_width
        color: root.color
    }
    // 右上圆角
    Rectangle{
        height: r_rt*2; width: r_rt*2
        radius: r_rt
        x: parent.width - width
//        border.color: border_top_color
//        border.width: border_top_width
        color: root.color
    }
    // 左下圆角
    Rectangle{
        height: r_lb*2; width: r_lb*2
        radius: r_lt
        y: parent.height - height
//        border.color: border_top_color
//        border.width: border_top_width
        color: root.color
    }
    // 右下圆角
    Rectangle{
        height: r_rb*2; width: r_rb*2
        radius: r_rb
        x: parent.width - width
        y: parent.height - height
//        border.color: border_top_color
//        border.width: border_top_width
        color: root.color
    }

    // 左边
    Rectangle{
        height: parent.height - r_lb - r_lt
        width: parent.width / 2
        y: r_lt
        color: root.color
    }
    // 右边
    Rectangle{
        height: parent.height - r_rb - r_rt
        width: parent.width / 2
        x: parent.width - width
        y: r_rt
        color: root.color
    }
    // 上边
    Rectangle{
        height: parent.height / 2
        width: parent.width - r_lt - r_rt
        x: r_lt
        color: root.color
    }
    // 下边
    Rectangle{
        height: parent.height / 2
        width: parent.width - r_lb - r_rb
        x: r_lb
        y: parent.height-height
        color: root.color
    }

//    // 上边框
//    Rectangle{

//        border.color: bc_t
//        border.width: bw_t
//    }
//    // 下边框
//    Rectangle{

//        border.color: bc_b
//        border.width: bw_b
//    }
//    // 左边框
//    Rectangle{

//        border.color: bc_r
//        border.width: bw_r
//    }
//    // 右边框
//    Rectangle{

//        border.color: bc_l
//        border.width: bw_l
//    }


}
